<template>
	<div class="signsuc contentA">
		<div class="title">
			<img class="ph_suc" src="../../assets/img/qd_suc.png" />
			<!--<div class="wmid" v-if="ts !== zq">签到获得{{jf}}积分</div>-->
			<div class="wmid" v-if="ts !== zq">恭喜签到成功</div>
			<div class="wmid" v-else>
				<p>连续签到获得{{jf}}积分，请查看钱包</p>
				<p>分享可额外获得{{fxjf}}积分</p>
			</div>
		</div>
		<!--<div class="upPh">
			<img :src="ggImg[0]" />
		</div>-->
		<div class="upPh">
			<mt-swipe :showIndicators="false" :auto="3000">
		      	<mt-swipe-item v-for="(item,index) in lbarr" :key="index">
		      		<img :src="item.LBIMG" @click="goLink(item.LJLX, item.URL, item.LJTP[0])"/>
		      	</mt-swipe-item>
			</mt-swipe>
		</div>
	</div>
</template>

<script>
	import { MessageBox, Toast } from "mint-ui";
	import api from '@/api/api';
	export default {
		data() {
			return {
				oneCir: false,
				jf: 10,
				ggImg: [],
				qdzq: 6,
				ts: 6,
				fxjf: 88,
				lbarr: []
			}
		},
		methods: {
			// 相应链接
	    	goLink(type, url, ljtp) {
	    		let that = this;
	    		if (type === 0) {//链接地址
	    			if (url == '') {
	    				return false;
	    			}
	    			window.location.href= url;
	    		} else {//链接图片
	    			that.$router.push({path: '/signact', query: {ljtp: ljtp}})
	    		}
	    	},
	    	// 页面图片(轮播图)
		    getQdTp() {
		    	let that = this;
		    	api.getQdTp(this,function (res) {
		    		console.log('页面图片');
		    		console.log(res);
		    		var data = res.data;
		    		if (data.code === 0) {
		    			var list = data.data;
		    			for (var i = 0;i < list.length;i++) {
		    				list[i].LBIMG = that.host.filehost + list[i].LBT[0];// 轮播图片
		    			}
		    			that.lbarr = list;
		    		} else {
		    			Toast({
	                message: data.msg,
	                duration: 1500
	            });
		    		}
		    	});
		    },
		},
		mounted() {
			let that = this;
			var qdata = this.$route.query;
			var fxjf = qdata.fxjf;
			var zq = qdata.zq;
			var ts = qdata.ts;
			var xfvipcode = qdata.xfvipcode;
			let heig = document.documentElement.clientHeight;
			let theight = document.getElementsByClassName('title')[0].offsetHeight;
			console.log(heig);
			document.getElementsByClassName('signsuc')[0].style.height = heig + 'px';
			document.getElementsByClassName('upPh')[0].style.height = (heig - theight) + 'px';
			let ph = "http://www.rtaksoft.com:3200/res/form/2c91a36a63d4cc100163dd9bc49e01ee/297eb6155f35043d015f3505adfd0004/2602820180723123528191.jpg";
			let path = this.isShareUrl;
			let desc = "连续签到赢积分, 乐宾百货欢迎您!";//'乐宾百货欢迎您!'
			
			wx.ready(function() {
				// 分享圈
				wx.onMenuShareTimeline({
					title: '乐宾百货会员粉丝中心',
					link: path,
					imgUrl: ph,
					success: function() {
						// 用户确认分享后执行的回调函数
//						alert('分享到朋友圈成功');
						if(ts === zq) {
							api.addShareBonus(that, xfvipcode, function(res) {
								var data = res.data;
								if(data.code === 0) {
									if (data.data.data.fxjf === 0) {
										Toast({
											message: '您已获得分享积分, 请前往钱包查看',
											duration: 2000
										});
									} else {
										Toast({
											message: '恭喜您获得' + data.data.data.fxjf + '分享积分',
											duration: 2000
										});
									}
								} else {
									Toast({
										message: data.msg,
										duration: 1500
									});
								}
							})
						}
					},
					cancel: function() {
						// 用户取消分享后执行的回调函数
						console.log('你没有分享到朋友圈');
					}
				});
				// 分享人
				wx.onMenuShareAppMessage({
					title: '乐宾百货会员粉丝中心',
					desc: desc,
					link: path,
					imgUrl: ph,
					type: '', // 分享类型,music、video或link，不填默认为link
					dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
					success: function(res) {
//						alert('分享成功');
						if(ts === zq) {
							api.addShareBonus(that, xfvipcode, function(res) {
								var data = res.data;
								if(data.code === 0) {
									if (data.data.data.fxjf === 0) {
										Toast({
											message: '您已获得分享积分, 请前往钱包查看',
											duration: 2000
										});
									} else {
										Toast({
											message: '恭喜您获得' + data.data.data.fxjf + '分享积分',
											duration: 2000
										});
									}
								} else {
									Toast({
										message: data.msg,
										duration: 1500
									});
								}
							})
						}
					},
					cancel: function(res) {
						console.log('你没有分享');
					},
					fail: function(res) {
						console.log(JSON.stringify(res));
					}
				});
				// 分享QQ
				wx.onMenuShareQQ({
					title: '乐宾百货会员粉丝中心', // 分享标题
					desc: desc, // 分享描述
					link: path, // 分享链接
					imgUrl: ph, // 分享图标
					success: function () {
					// 用户确认分享后执行的回调函数
						console.log('QQ成功');
						if(ts === zq) {
							api.addShareBonus(that, xfvipcode, function(res) {
								var data = res.data;
								if(data.code === 0) {
									alert('分享成功');
									if (data.data.data.fxjf === 0) {
										Toast({
											message: '您已获得分享积分, 请前往钱包查看',
											duration: 2000
										});
									} else {
										Toast({
											message: '恭喜您获得' + data.data.data.fxjf + '分享积分',
											duration: 2000
										});
									}
								} else {
									Toast({
										message: data.msg,
										duration: 1500
									});
								}
							})
						}
					},
					cancel: function () {
					// 用户取消分享后执行的回调函数
						console.log('QQ失败');
					}
				});
				// 腾讯微博
				wx.onMenuShareWeibo({
					title: '乐宾百货会员粉丝中心', // 分享标题
					desc: desc, // 分享描述
					link: path, // 分享链接
					imgUrl: ph, // 分享图标
					success: function () {
					// 用户确认分享后执行的回调函数
						if(ts === zq) {
							api.addShareBonus(that, xfvipcode, function(res) {
								var data = res.data;
								if(data.code === 0) {
									alert('分享成功');
									if (data.data.data.fxjf === 0) {
										Toast({
											message: '您已获得分享积分, 请前往钱包查看',
											duration: 2000
										});
									} else {
										Toast({
											message: '恭喜您获得' + data.data.data.fxjf + '分享积分',
											duration: 2000
										});
									}
								} else {
									Toast({
										message: data.msg,
										duration: 1500
									});
								}
							})
						}
					},
					cancel: function () {
					// 用户取消分享后执行的回调函数
					}
				});
				// QQ空间
				wx.onMenuShareQZone({
					title: '乐宾百货会员粉丝中心', // 分享标题
					desc: desc, // 分享描述
					link: path, // 分享链接
					imgUrl: ph, // 分享图标
					success: function () {
					// 用户确认分享后执行的回调函数
						if(ts === zq) {
							api.addShareBonus(that, xfvipcode, function(res) {
								var data = res.data;
								if(data.code === 0) {
									alert('分享成功');
									if (data.data.data.fxjf === 0) {
										Toast({
											message: '您已获得分享积分, 请前往钱包查看',
											duration: 2000
										});
									} else {
										Toast({
											message: '恭喜您获得' + data.data.data.fxjf + '分享积分',
											duration: 2000
										});
									}
								} else {
									Toast({
										message: data.msg,
										duration: 1500
									});
								}
							})
						}
					},
					cancel: function () {
					// 用户取消分享后执行的回调函数
					}
				});
			})
		},
		created() {
			var that = this;
			var qdata = this.$route.query;
			var jf = qdata.jf;
			var zq = qdata.zq;
			var ts = qdata.ts;
			var fxjf = qdata.fxjf;
			var xfvipcode = qdata.xfvipcode;
			console.log('积分');
			console.log(jf);
			this.jf = jf;
			this.zq = zq;
			this.ts = ts;
			this.fxjf = fxjf;
			this.xfvipcode = xfvipcode;
			
			this.getQdTp();// 页面图片
			// 查询签到设置
			api.getQdSz(this, function(res) {
				console.log('设置')
				console.log(res)
				var data = res.data;
				if(data.code === 0) {
					var obj = data.data;
					let ggImg = obj.GGTP.map(x => {
						return that.host.filehost + x
					});
					that.ggImg = ggImg; // 背景图
				} else {
					Toast({
						message: data.msg,
						duration: 1500
					});
				}
			});
			let userinfo = JSON.parse(sessionStorage.getItem("userinfo"));
			if(userinfo == null || userinfo.vipcode === "") { // 未登录
				//			if (userinfo !== null && userinfo.vipcode !== "") {// 已登录
				MessageBox({
					title: "提示",
					message: "您还不是会员",
					showCancelButton: true,
					showCancelButton: false,
					confirmButtonText: "去注册",
					closeOnClickModal: false,
					confirmButtonClass: "zcbtn"
				}).then(action => {
					// 跳转到积分列表
					that.$router.push({
						path: "/register",
					});
				});
				return false;
			} else {
				//加载微信sdk
				api.getWxJsSdkConfig(this, (res) => {
					let data_res = JSON.parse(res.data.data);
					wx.config({
						debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
						appId: data_res.appId, // 必填，公众号的唯一标识
						timestamp: data_res.timestamp, // 必填，生成签名的时间戳
						nonceStr: data_res.nonceStr, // 必填，生成签名的随机串
						signature: data_res.signature, // 必填，签名
						jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ", "onMenuShareWeibo", "onMenuShareQZone"] // 必填，需要使用的JS接口列表
					});
				})
				
			}

		}
	}
</script>

<style lang="less">
	.signsuc {
		background-color: #ffffee;
		.title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 0.2rem 0;
			height: 4.3rem;
			img {
				width: 3.20rem;
				height: 2.84rem;
				background-color: transparent;
			}
			.wmid {
				text-align: center;
				line-height: 0.66rem;
				color: #999999;
				font-size: 0.26rem;
			}
			p {
				line-height: 0.66rem;
				color: #999999;
				font-size: 0.26rem;
			}
		}
		.upPh {
			width: 100%;
			/*height: 6rem;*/
			img {
				width: 100%;
				height: 100%;
			}
		}
		
	}
</style>